
import { ref, Ref, unref } from 'vue'
import nodes from './tasks'
import getElementByJson from '@/components/form/get-elements-by-json'
import { useTaskNodeStore } from '@/store/project/task-node'
import { TASK_TYPES_MAP } from '../../constants/task-type'
import type {
  IFormItem,
  IJsonItem,
  INodeData,
  ITaskData,
  FormRules,
  EditWorkflowDefinition
} from './types'

// 
export function useTask({
  data,
  projectCode,
  from,
  readonly,
  definition
}: {
  data: ITaskData
  projectCode: number
  from?: number
  readonly?: boolean
  definition?: EditWorkflowDefinition
}): {
  elementsRef: Ref<IFormItem[]>
  rulesRef: Ref<FormRules>
  model: INodeData
} {

  console.log('data-->',  data)
  const taskStore = useTaskNodeStore()
  taskStore.updateDefinition(unref(definition), data?.code)

  const jsonRef = ref([]) as Ref<IJsonItem[]>
  console.log('jsonRef-->',jsonRef)
  const elementsRef = ref([]) as Ref<IFormItem[]>
  const rulesRef = ref({})

  const params = {
    projectCode,
    from,
    readonly,
    data,
    jsonRef,
    updateElements: () => {
      getElements()
    }
  }

  const { model, json } = nodes[data.taskType || 'SHELL'](params)
  jsonRef.value = json
  model.preTasks = taskStore.getPreTasks
  model.name = taskStore.getName
  model.taskExecuteType =
    TASK_TYPES_MAP[data.taskType || 'SHELL'].taskExecuteType || 'BATCH'

  const getElements = () => {
    console.log('getElements')
    const { rules, elements } = getElementByJson(jsonRef.value, model)
    elementsRef.value = elements
    rulesRef.value = rules
  }

  getElements()

  return { elementsRef, rulesRef, model }
}
